<%@ page language="java" pageEncoding="UTF-8" errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<div class="experience">
	<div class="experience-title">
		<div class="experience-title-line-left">
			<hr />
		</div>
		<div class="experience-title-name">
			<a href="${cpath}/destination/${dest.destId}/${sepfficExperience.featureId}"
				title="${sepfficExperience.zhname}"> 特别体验&nbsp;> </a>
		</div>
		<div class="experience-title-line-right">
			<hr />
		</div>
	</div>
	<div class="clear"></div>
	<div class="experiences-info">
		<div class="experiences-img" img-resize='true'>
			<a
				href="${cpath}/destination/${dest.destId}/${sepfficExperience.featureId}"
				title="${sepfficExperience.zhname}"> <img
				src="${image_domain }${sepfficExperience.source }${sepfficExperience.small}"
				alt="${sepfficExperience.zhname}" /> </a>
		</div>
		<div class="experiences-content">
			<ul>
				<c:forEach items="${sepfficExperience.destFeatureItems}"
					var="featureItem">
					<li><a
						href="${cpath}/destination/${dest.destId}/item/${featureItem.featureItemId}"
						title="${featureItem.name}"> ${featureItem.name} </a>
					</li>
				</c:forEach>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
	<div class="comment-news">
		<div class="comment-news-title">
			<div class="comment-news-title-line-left">
				<hr />
			</div>
			<div class="comment-news-title-name">特色推荐&nbsp;></div>
			<div class="comment-news-title-line-right">
				<hr />
			</div>
		</div>
		<div class="comment-news-inner">
			<c:forEach items="${features}" var="feature">
				<div class="comment-news-l height450px">
					<div class="comment-news-l-img" img-resize='true'>
						<a href="${cpath}/destination/${dest.destId}/${feature.featureId}"
							title="${feature.zhname}"> <img
							src="${image_domain }${feature.source }${feature.small}"
							alt="${feature.zhname}" /> </a>
					</div>
					<div class="comment-news-l-title">
						<a href="${cpath}/destination/${dest.destId}/${feature.featureId}"
							title="${feature.zhname}">${feature.zhname}</a>
					</div>
					<div class="comment-news-l-line">
						<hr />
					</div>
					<div class="comment-news-l-remark">
						<a href="${cpath}/destination/${dest.destId}/${feature.featureId}"
							title="${feature.zhname}"> ${feature.summary} </a>
					</div>
					<div class="comment-news-l-line2">
						<hr />
					</div>
					<div class="comment-news-l-remark2">
						<ul class="articleList">
							<c:forEach items="${feature.destFeatureItems}" var="featureItem">
								<li><c:choose>
										<c:when test="${feature.featureCategoryId == hotelCategory}">
											<a href="${cpath }/hotel/${featureItem.relId}"
												title="${featureItem.name}"> ${featureItem.name} </a>
										</c:when>
										<c:otherwise>
											<a
												href="${cpath}/destination/${dest.destId}/item/${featureItem.featureItemId}"
												title="${featureItem.name}"> ${featureItem.name} </a>
										</c:otherwise>
									</c:choose></li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</c:forEach>
			<div class="clear"></div>
		</div>
	</div>
</div>